<template>
  <view class="tips padding-30" :class="{show: showTips}">
    <by-status-bar></by-status-bar>

    <veiw class="tips-content bg-white padding-20 flex-column">
      <text class="text-32 text-bold color-t1 margin-bottom-10">权限使用说明</text>
      <text class="text-28 color-t2">技师之家为了帮您实现分享照片、保存照片等功能。</text>
    </veiw>
  </view>
</template>

<script setup lang="ts">
const showTips = ref(false)

uni.$on('showChooseImageTip', () => {
  showTips.value = true
  setTimeout(() => {
    showTips.value = false
  }, 3000)
})
</script>

<style scoped lang="scss">
.tips{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 30rpx;
  z-index: 500;
  transform: translateY(-100%);
  transition: all .5s ease-in-out;

  &.show{
    transform: translateY(0);
  }

  .tips-content{
    border-radius: 20rpx;
  }

}
</style>
